Testo dell'esercizio

Si scriva il codice javascript necessario ad implementare la seguente funzionalità in una pagina HTML: clickando su una cella di una tabella (tag TD) questa viene selezionata colorando il suo bordo (proprietà di stile borderColor) con il colore selezionato in un menu a tendina predefinito e si aggiorna il conteggio dei click che ha ricevuto (suggerimento: si può usare una proprietà locale all’elemento). Quando si clicka su una nuova cella quella precedente viene deselezionata ripristinando il suo colore del bordo originario. Inoltre, se la nuova cella ha lo stesso numero di click di quella selezionata in precedenza si colora di verde lo sfondo (proprietà backgroundColor) di un elemento span predefinito (che contiene la scritta “Match!”) e si scrive il numero di click in un altro elemento span predefinito, altrimenti si colora lo sfondo del primo span di rosso e si scrive la stringa vuota nello span del numero di click.

Clicka le celle

Colore del bordo
AA BB CC
DD EE FF
GG HH II

Qua sotto si scrive l'esito

Match!!
Clicks: